/* Large desktop */

@media (min-width: 1200px) {
	.container{
		width:1078px;
	}
}

 @media (max-width: 1024px) {
	.container{
		width:958px;
	}
	.span2{
		width:440px;
	}
	.span2 input{
		width:200px;
	}
	.span2 textarea{
		width:433px;
	}
	.span3{
			width:284px;
		}
		.well{
		padding-right: 20px;
		padding-left: 20px;
	}
	.span6{
		width:885px;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.container{
		width:724px;
	}
	.header1 li{
		padding:20px 10px;
	}
	.title h1{
		font-size:28px;
	}
	.span3{
			width:208px;
		}
	.span6{
		width:650px;
	}
	.span2{
		width:318px;
	}
	.span2 input{
		width:142px;
	}
	.span2 textarea{
		width:308px;
	}
	.author_comment{
		width:256px;
	}
}
 @media (max-width: 768px) {
	body {
	background:#fff;	
	}
	.arrow_box,.arrow_box:before{
		border:none;
	}
	.arrow_box:after{
		border:none;
	}
	.title h1{
		font-size:20px;
		margin-top:30px;
	}
	.header1{
		position:fixed !important;
		background:#fff;
		height:auto;
		margin-bottom:10px;
	}
	.well{
		padding-right: 20px;
		padding-left: 20px;
	}
	.container{
		width:auto;
	}
	.row .span3, .row .span2{
			margin-left:0;
	}
	.float_l,.float_r{
			float:none;
		}
	.header1 li{
		padding:11px 8px;
	}
	.logo{
		float:none
	}
	.header1{
		text-align:center;
	}

	[class*="span"],.span3,.span2 input,.span2 textarea{
			width:100%;
	}
@media (max-width: 600px) {
	.span6{
		width:94%;
	}
	.span2 input,.span2 textarea,.span2 input[type="submit"]{
		width:98%;
	}
	.header1 li{
		padding:0 10px;
	}
	.title h1{
		margin-top:10px;
		font-size:18px;
	}
	.img_w{
		max-width: 100%; 
		height: auto;
	}
	footer{
		position:relative
	}
}

@media (max-width: 568px) {
	.span6{
		width:93%;
	}
	.title h1{
		margin-top:10px;
		font-size:14px;
	}
	.well5{
		padding-left:0;
		padding-right:0;
	}
	footer{
		position:relative
	}
}
@media (max-width: 484px) {
	body{
		font-size:13px;
	}
	.span6,.span2 input,.span2 textarea{
		width:90%;
	}
	.tranlate_hide {
		display:none !important;		
	}
	.header1 li {
		padding:0 5px;
		margin-bottom:5px;
	}
	.header1 li a{
		font-size:13px;
		text-align:center;
	}
	.title h1{
		margin-top:20px;
	}
	footer{
		position:relative
	}
}
@media (max-width: 320px) {
	.span6{
		width:87%;
	}
	.header1 li a{
		font-size:13px;
		text-align:center;
	}
	.header1 li {
		padding:0 5px;
		font-size:13px;
		margin-bottom:5px;
	}
	.social_icons_hide a{
		display:none;
	}
	.well{
		padding-left:10px;
		padding-right:10px;
		padding-bottom:80px;
	}
	.title h1{
		margin-top:10px;
	}
	footer{
		position:relative
	}
	footer li{
		line-height:14px !important;
	}
}